import { Outlet } from "@tanstack/react-router";

import { Header } from "./header";
import { SideBar } from "./sideBar";

import * as Styled from "./index.styled";

export const PageWrapper = () => {
	return (
		<Styled.PageWrapper>
			<Header />
			<Styled.PageWrapperContent>
				<SideBar />
				<Outlet />
			</Styled.PageWrapperContent>
		</Styled.PageWrapper>
	);
};
